<%-- 회원가입page --%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="s" uri="/struts-tags" %>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>회원 가입</title>

<link rel="stylesheet" type="text/css" href="../shadowbox/shadowbox.css">
<script type="text/javascript" src="../shadowbox/shadowbox.js"></script>	
<script type="text/javascript">Shadowbox.init();</script>




</head>
<body>
	<center>
	    
		<h3>회원가입</h3>
		<form method=post action="../login/join_ok.do" id="joinfrm" >
		 <table border=0 bordercolor="red" width=600
     cellpadding="0" cellspacing="0">
       <tr>
         <td>
          <table border=0 width=600>
           <tr>
            <td align=right width=20%>ID</td>
            <td align=left width=80%>
              <input type=text size=12 name=id maxlength=10 value="${id }">
              <input type=button 
              value="중복체크" onclick="idcheck()">
           
            </td>
           </tr>
           
           <tr>
            <td align=right width=20%>비밀번호</td>
            <td align=left width=80%>
              <input type=password size=12 name=pw1 maxlength=10 value="${pw1 }">
              &nbsp;&nbsp;&nbsp;
     			         비밀번호 확인
     		 <input type=password size=12 name=pw2 maxlength=10 value="${pw2 }">
     	
     		 
            </td>
           </tr>
           
           <tr>
            <td align=right width=20%>이름</td>
            <td align=left width=80%>
              <input type=text size=12 name=name value="${name }" >
            </td>
            
           </tr>
           
              
           <tr>
            <td align=right width=20%>주민번호</td>
            <td align=left width=80%>
              <input type="text" size="12" name=ju1  value="${ju1 }">
              - <input type="text" size="12" name=ju2  value="${ju2 }">
              <font color="blue">
                ${message2 }
              </font>
            </td>
           </tr>
           
           <tr>
            <td align=right width=20%>전화번호</td>
            <td align=left width=80%>
              
              <select name=tel1>
            
              <option selected="selected">010</option>
              <option>016</option>
              <option>017</option>
             </select>
             
           - <input type="text" size="6" name="tel2" value="${tel2 }">
            - <input type="text" size="6" name="tel3" value="${tel3 }">
                            
            </td>        
           </tr>
           
           <tr>
            <td align=right width=20%>이메일</td>
            <td align=left width=80%>
             <input type=text size=50 name=email maxlength=50 value="${email }">
              <br>이메일 50글자 이하로 작성하세요
            </td>
           </tr>
           
           <tr>
             <td align=center colspan=2>
              <s:a id="joinfrm" theme="ajax" targets="maincontents" showLoadingText="false">
	           <input type="button" value="회원 가입">
	          </s:a>   
             <%--  <input type="submit" value="회원 가입"> --%>
              <input type="reset" value="취소" onclick="javascript:location.href=('../main/main.do')">
             </td>
           </tr>
           
           </table>
          </table> 
          </form>
          
          <font color="red">
          <s:property value="message"/>
          </font>
	</center>
</body>

</html>